import styled from "styled-components";

export const UserAudioWrap = styled.div`
  margin-top: 43px;
  ul {
    margin-bottom: 24px;
    li {
      height: 70px;
      padding: 10px 0;
      border: 1px solid #e5e5e5;
      border-top: none;
      :hover {
        background-color: #eeeeee;
      }
      :hover .user-zf-icon {
        /* background-position: -90px -20px; */
        display: block !important;
      }
      .user-img {
        float: left;
        margin-left: 20px;
      }
      .user-name {
        width: 538px;
        padding-right: 38px;
        margin-left: 10px;
        height: 100%;
        line-height: 50px;
        float: left;
        position: relative;
        .user-zf-icon {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          display: none;
          cursor: pointer;
        }
      }
      .user-span {
        height: 50px;
        line-height: 50px;
        margin-left: 10px;
      }
      .user-sc {
        width: 216px;
      }
      .user-pc {
        width: 42px;
      }
    }
  }
`;
